<template>
  <div>
    <ph-header></ph-header>
    <div class="btn-box">
      <div class="item">
        <div class="title">计算机网络基础 <span>[ 已签到 ]【得分：79】</span></div>
        <div class="teacher">授课老师：张龙</div>
        <div class="time">
          本周五：上午9:00-10:00
        </div>
        <div class="lesson">
          <van-icon size="14" name="guide-o" />
          中科大南区逸夫楼6楼605教室
        </div>
      </div>

    </div>
  </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
.btn-box{
  width: 100%;
  min-height: calc(100vh - 80px);
  padding: 15px;
  box-sizing: border-box;
  .item{
    width: 100%;
    border-radius: 8px;
    margin-top: 15px;
    height: 150px;
    background-image: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);
    padding: 15px;
    box-sizing: border-box;
    .title{
      font-size: 14px;
      font-weight: 800;
      width: 100%;
      span{
        margin-left: 5px;
        color: #ff5246;
      }
    }
    .lesson{
      margin-top: 15px;
      width: 100%;
      font-size: 12px;
      color: #666666;
    }
    .time{
      width: 100%;
      font-weight: 400;
      font-size: 12px;
      margin-top: 15px;
      color: #999;
    }
    .teacher{
      width: 100%;
      font-size: 12px;
      color: #666;
      font-weight: 600;
      margin-top: 10px;
    }
  }
}
</style>
